html{ 
overflow:auto;
}
#bodys{
width:980px;
margin:auto;
}
#topmany{
    clear:left;
    clear:right;
    width:960px;
    margin:auto;
}
#top{
    float:left;
    width:283px;
    height:128px;
}
#left{
    float:left;
    clear:right;
    width:50%;
    height:94px;
    margin-top:35px;
}

#edlin{
    background:#FFFFFF;
    float:left;
    width:70%;
    height:36px;
    margin:5px 0px 0px 2px;
}
#edlintext{
    background:#666666;
    width:100%;
    height:30px;
    border:0;
    color:#FFFFFF;
    font-size:30px;
    line-height:30px;
    margin:1px 1px 1px 0px;;
}

#select{
    background:#666666;
    height:32px;
    line-height:32px;
    color:#FFFFFF;
    font-size:30px;
    text-align:center;
    float:left;
    width:120px;
    cursor:pointer;
    text-overflow:ellipsis;
    overflow:hidden;
    border:2px solid #FFFFFF;
    margin:5px 0px 0px 0px;
    border-left:0;
}
#select:hover{
    border-left:2px solid #FFFFFF;
    color:#F09609;
    background:#666666;
    margin:0px 0px 0px 0px;
    height:41px;
    line-height:41px;
}

#logo{
    width:283px;
    height:128px;
    cursor:pointer;
    background-image :url("/images/logo-min-debate.png");
}
#about{
    clear:left;
    width:100%;
    text-align:center;
    line-height:20px;
    margin-top:10px;
    height:80px;
    
}
#continue{
    clear:left;
    width:100%;
    text-align:center;
    line-height:50px;
    margin-top:10px;
    height:50px;
}
#among{
    width:960px;
    margin:auto;
    background-color:#FFFFFF;
    border:10px solid #FFFFFF;
}
#amongs{
    clear:left;
    width:960px;
    margin:auto;
    text-align:center;
    background-color:#FFFFFF;
    color:black;
}
.message{
    float:left;
    width:25%;
    background-color:#FFFFFF;
    margin-bottom:10px;
}
.message .image{
    width:98%;
    border:2px solid #FFFFFF;
    height:350px;
    background:#898989;
}
.message .code{
    height:50px;
    background-color:#FFFFFF;
}
.message .brand{
    height:30px;
    background-color:#FFFFFF;
}
.message .image img{
    width:100%;
    height:100%;
}
.message .code .left{
    float:left;
    width:10%;
    height:100%;
    background:#EEAD0E;
}
.message .code .right{
    float:left;
    width:89%;
    height:100%;
    background:#1874CD;
    line-height:50px;
    font-size:22px;
}
.message .brand .left{
    float:left;
    width:60%;
    height:100%;
    background:#BDBDBD;
}
.message .brand .right{
    float:left;
    width:39%;
    height:100%;
    background:#BDBDBD;
}
.message .brand .right div{
    color:#FFFFFF;
    background:#BDBDBD;
    text-align:center;
}
.message .brand .right a{
    line-height:30px;
    color:#FFFFFF;
    background:#BDBDBD;
    text-align:center;
    text-decoration:none;
    font-size:21px;
    font-weight:bolder;
}
.message .brand .right a:hover{
    color:#008B8B;
}
.message .brand .left a{
    text-decoration:none;
}
.message .brand .left div{
    width:100%;
    height:26px;
    border:2px solid #BDBDBD;
    color:red;
    background:#FFFFFF;
    line-height:26px;
    font-size:13px;
    font-weight:bold;
    text-align:center;
}